<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器</title>
  <style>
    /*未访问过的链接a:link 把没有访问过的链接选出来*/
    a{
      color: gray;
    }

    a:link{
      color: black;
      text-decoration: none;
    }

    /*a:visited 选择点击过的链接*/
    a:visited{
      color: red;
    }

    /*a:hover 选择鼠标经过的那个链接*/
    a:hover{
      color: skyblue;
    }

    /*a:active 选择的是鼠标正在按下还没有弹起鼠标的那个链接*/
    a:active{
      color: green;
    }
    /*按照link visited hover active 的顺序来写*/
  </style>
</head>
<body>
<a href="#">小猪佩奇</a>
<a href="#">哎呀喂</a>
</body>
</html>